<template>
  <view class="hot-video-item-container">
    <!-- 视频展示 -->
    <view class="video-box">
      <video class="video" :src="data.play_url" enable-danmu danmu-btn controls page-gesture></video>
    </view>
    <view @click="$emit('click', data)">
      <hot-video-info :data="data"></hot-video-info>
    </view>
  </view>
</template>

<script>
export default {
  name: 'hot-video-item',
  props: {
    data: {
      type: Object,
      required: true
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.hot-video-item-container {
  margin-bottom: $uni-spacing-col-lg;
  position: relative;
  .video {
    width: 100%;
    height: 230px;
  }
}
</style>
